$(function(){

// ----------------------------------------顶部 购物车-------------------------------------------
$('.top .shop-car').hover(function(){
    $(this).find('.car-menu').stop(true).slideDown();
},function(){
    $(this).find('.car-menu').stop(true).slideUp();
});

// ---------------------------------------------搜索框----------------------------------
$('#search').focus(function(){
    $(this).css('border-color','#ff6700');
    $('.search .search-btn').css('border-color','#ff6700');
    $('.search .search-word').hide();
    $('.search .search-list').show();
});
$('#search').blur(function(){
    $(this).css('border-color','#ccc');
    $('.search .search-btn').css('border-color','#ccc');
    $('.search .search-word').show();
    $('.search .search-list').hide();
});

// ------------------------------------顶部下拉菜单---------------------------------
$('header .nav li').mouseenter(function(){
    var index = $(this).index();
    if (index < 7) {
        $('header .nav-sub').stop().slideDown(100);
    } else {
        $('header .nav-sub').stop().slideUp(200);
    }
    $('header .nav-sub ul').eq(index).show().siblings().hide();
});

$('header .nav-sub').mouseenter(function(){
    $(this).stop().slideDown(100);
}).mouseleave(function(){
    $(this).stop().slideUp(200);
});
$('header .nav').mouseleave(function(){
    $('header .nav-sub').stop().slideUp(200);
});


// --------------------------轮播图-----------------------------------
$('.banner').zyslide({
    speed:2000,
    event:'click'
});
// 图片的索引值，初始是第一张
// var index = 0;
// var bannerTimer = null;

// // 下一张图
// function nextImg () {
//     index = index==$('.banner .banner-img li').length-1 ? 0 : index+1
//     showImg();
// }
// // 上一张图
// function prevImg () {
//     index = index==0 ? $('.banner .banner-img li').length-1 : index-1
//     showImg();
// }

// // 展示图片和索引
// function showImg () {
//     // 显示当前图片，隐藏其他图片
//     $('.banner .banner-img li').eq(index).fadeIn(500).siblings().fadeOut(500);
//     // 给当前索引添加红色背景
//     $('.banner .indicator li').eq(index).addClass('active').siblings().removeClass('active');
// }

// // 1.自动切换图片
// autoChange(); 
// function autoChange(){
//     if (bannerTimer) {return;}
//     bannerTimer = setInterval(nextImg,1000);
// }
// $('.banner .banner-img li').mouseenter(function () {
//     clearInterval(bannerTimer);
//     bannerTimer = null;
// }).mouseleave(function () {
//     autoChange();
// });

// // 2.手动点击指示灯切换
// $('.banner .indicator li').click(function () {		
//     index = $(this).index();
//     showImg();
// });

// // 3.点击按钮切换
// // 上一张
// $('.banner .banner-btn .prev').click(function () {
//     prevImg();
// });
// // 下一张
// $('.banner .banner-btn .next').click(function () {
//     nextImg();
// });


// ----------------------------------分类列表-----------------------------------
$('.categary .categary-list li').mouseenter(function(){
    // $(this).css('background-color','#ff6700').siblings().css('background-color','transparent');
    $(this).addClass('active').siblings().removeClass('active');
    $('.categary-sub').show();
    $('.categary-sub .list').eq($(this).index()).show().siblings().hide();
});
$('.categary').mouseleave(function(){
    // $('.categary-list li').css('background-color','transparent');
    $('.categary-list li').removeClass('active');
    $('.categary-sub').hide();
});

// --------------------------------小米单品--------------------------------------
var indexDP = 0;
// showDP();
function showDP(){
    // console.log(indexDP);
    // indexDP = 0  1
    // left    = 0  -1226
    $('.danpin .info').stop().animate({left:-1226*indexDP},500);
    $('.danpin .btn a').eq(indexDP).removeClass('active').siblings().addClass('active');
}
// 手动
$('.danpin .prev').click(function(){
    indexDP = 0;
    showDP();
});
$('.danpin .next').click(function(){
    indexDP = 1;
    // indexDP = indexDP==1 ? 0 : indexDP+1;
    showDP();
});
$('.danpin .btn a').hover(function(){
    clearInterval(timerDP);
    timerDP = null;
},function(){
    if(timerDP)return;
    timerDP = setInterval(autoChangeDP,2000);
});

// 自动
var timerDP = setInterval(autoChangeDP,2000);
function autoChangeDP() {
    indexDP = indexDP==1 ? 0 : indexDP+1;
    showDP();
}


// --------------------------------------家电----------------------------
// 鼠标移入每个产品的效果，可以共用
$('main .product li').hover(function(){
    $(this).addClass('active');
    $(this).find('.move').stop().animate({bottom:0},200);
},function(){
    $(this).removeClass('active');
    $(this).find('.move').stop().animate({bottom:-76},200)
});

// 根据不同的产品切换子列表
function showProductList(product) {
    product.find('.tab-list li').mouseenter(function(){
        $(this).addClass('active').siblings().removeClass('active');
        product.find('.product .right ul').eq($(this).index()).show().siblings().hide();
    });
}
// 家电
showProductList($('.jiadian'));
// // 智能
// showProductList($('.zhineng'))
// // 搭配
// showProductList($('.dapei'))
// // 周边
// showProductList($('.zhoubian'))


// ----------------------------内容 轮播--------------------------
var indexNR = 0;
function nextNR(list){
    var length = list.find('a').length;
    indexNR = indexNR==length-1 ? length-1 : indexNR+1;
    showNR(list);
}
function prevNR(list){
    indexNR = indexNR==0 ? 0 : indexNR-1;
    showNR(list);
}
function showNR(list){
    console.log(indexNR);
    list.stop().animate({left:-296*indexNR},400);
    list.siblings('.indicator').find('span').eq(indexNR).addClass('active').siblings().removeClass('active');
}
// 鼠标进来先记录一下索引值
$('.content li').mouseenter(function(){
    indexNR = $(this).find('.indicator .active').index();
    // console.log('nr='+indexNR);
});

// 下一个
$('.content .next').click(function(){
    nextNR($(this).parents('li').find('.list'));
});
// 上一个
$('.content .prev').click(function(){
    prevNR($(this).parents('li').find('.list'));
});



    
})